<template>
    <uni-card >
    <view>
    <view style="display: flex; justify-content: space-between;">
    <view style="color: #000;">
        <view style="font-size:36rpx;">{{ props.datas.StoreName }}</view>
    <br />
    <view style="margin-top:20rpx"> 报修项目：{{ props.datas.IotProductItem }}</view>
    <view style="margin-top:10rpx">故障描述：{{ props.datas.StoreName }}</view>
    </view>
    
    <view >
        <view style="width: 150rpx;height: 40rpx; background-color: #f1f8f8;
         border-radius: 40rpx; display: flex;align-items: center;
         padding-left: 30rpx;box-sizing: border-box;">
         
        <view style="width: 20rpx;height: 20rpx;border-radius: 10rpx;background-color: #ffbbcb;"></view>
        <text style="margin-left: 10rpx; font-size: 22rpx;">{{ props.datas.Status }}</text></view>
    
    <view @click="jug" style="width: 150rpx;height: 60rpx;
      color: #fff;; margin-top: 30rpx;text-align: center;
      line-height: 60rpx;border-radius: 10rpx;
    background-color: #fc576a">查看详情</view>
    </view>
    
    </view>
    <view style="width: 100%;height: 1rpx; background-color: #f0f0f0;margin: 20rpx 0;"></view>
    <view style="width: 100%; display: flex; justify-content: space-between;align-items: center;">
         <text>申请时间：{{props.datas.CreateAt  }}</text> <text>更新时间：{{props.datas.UpdatedAt  }}</text></view>
    </view>			
                
                </uni-card>
      </template>
      
      <script setup>
      const props = defineProps({
        datas: {
          default: ()=>{},
        },
        color: {
          default: "#000",
        },
        left: {
          default: true,
        },
        height: { default: 110 },
      });
      
      const jug = () => {
        uni.navigateTo({
          url: `/subpkg/chulixiang/index?id=${props.datas.Id}`,
    
        });
      
      
      };
      </script>
      
      <style scoped lang="scss">
      .uni-body {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
      </style>
      